<div nz-row >
    <div nz-col nzSpan="24">
      <nz-card nzTitle="FLows" [nzBordered]="false">
        
        <app-flowviewer #flowview></app-flowviewer></nz-card>
    </div>
  </div>
  <div nz-row>
      <nz-tabset nz-col nzSpan="24">
        <nz-tab nzTitle="Time Line">  <nz-steps [nzCurrent]="current" nzDirection="vertical">
          <nz-step
            *ngFor="let step of this.steps"
            [nzStatus]="step.nzStatus"
            [nzTitle]="step.operationDesc"
            [nzSubtitle]="step.addDate"
            [nzDescription]="step.data"
          ></nz-step>
        </nz-steps></nz-tab>
        <nz-tab nzTitle="Charts">
          <div echarts [options]="option"   ></div>
        </nz-tab>
        <nz-tab nzTitle="Result"></nz-tab>
      </nz-tabset>
  </div>
  